<link rel="stylesheet" href="view/time/css/datepicker.css">
<link rel="stylesheet" href="view/jjstree/css/demo.css" type="text/css">
<link rel="stylesheet" type="text/css" href="css/j-tablehtml.css">
<!--三级联动-->
<link rel="stylesheet" href="css/j-selcetd.css">
<script src="view/Select/js/jquery.combo.select.js"></script>
<link rel="stylesheet" href="view/Select/css/combo.select.css">
<div class="cross-domain">
	<ul class="left-menu" id="left_menu">
	    <li>
	      <div class="tab-title">省跨域车辆分析</div>
	      <div class="tab active" data-typeone="1" data-typetwo="out">出省车辆分析</div>
	      <div class="tab" data-typeone="1" data-typetwo="in">入省车辆分析</div>
	    </li>
	    <li>
	      <div class="tab-title">市跨域车辆分析</div>
	      <div class="tab" data-typeone="2" data-typetwo="out">出市车辆分析</div>
	      <div class="tab" data-typeone="2" data-typetwo="in">入市车辆分析</div>
	    </li>
	    <li>
	      <div class="tab-title">区/县跨域车辆分析</div>
	      <div class="tab" data-typeone="3" data-typetwo="out">出区/县车辆分析</div>
	      <div class="tab" data-typeone="3" data-typetwo="in">入区/县车辆分析</div>
	    </li>
	    <li>
	      <div class="tab-title">跨域车辆查询</div>
	      <div class="tab" data-table="out">出域车辆查询</div>
	      <div class="tab" data-table="in">入域车辆查询</div>
	    </li>
  	</ul>
  	<div id="map_contain">
  		<div id="map_main" style="height:100vh;width: 100vw;"></div>
  		<div class="jcorss-search" id="jcross_search">
	  		<div class="jcross-select">
	  			<div class="jselect-text" id="jselect_dqtext"></div>
	  			<div class="sp-jtou"></div>
	  			<ul class="jdq-ul" id="jdq_ul">
	  				<!-- <li>西安市</li>
	  				<li>咸阳市</li> -->
	  			</ul>
	  			<div id="jdq_ul_two">
	  				<ul class="jdq-ul jdq-ul-province" id="jdq_ul_province">
		  				<!-- <li>西安市</li>
		  				<li>咸阳市</li> -->
		  			</ul>
		  			<ul class="jdq-ul jdq-ul-city" id="jdq_ul_city">
		  				<!-- <li>西安市</li>
		  				<li>咸阳市</li> -->
		  			</ul>
	  			</div>
	  		</div>
	  		<button class="jcorss-btn" id="btn_search">查询</button>
	  	</div>
	  	<div class="right-table">
	  		<div class="tab-title">结果分析</div>
	  		<div class="j-table">
				<div class="cnf_table">
	        		<table id="jtable_cross"></table>
	     		</div>
			</div>
	 	</div>
  	</div>	
  	<div id="table_contain" style="display: none;">
  		<div class="table-con" style="left:25vw; top:17vh;">
		    <!-- 搜索条件 -->
		    <div class="j-search-con">
		        <div class="border-j-top"></div>
		        <div class="border-j-bottom"></div>
		        <div class="search-div">
		            <div class="j-search-row">
		            	<div class="item rtable_input">
							<p>地区</p>
							<div class="box">
								<div class="qrm-pinming">
									<div class="qrm-input-border">
										<input type="text" placeholder="请选择" class="qrm-input" readonly="readonly">
									</div>
									<div class="qrm-main" id="alarm_qrm_main"></div>
								</div>
							</div>
		        		</div>
		                <div class="item">
		                    <p>车牌号码</p>
		                    <input type="text" id="input_vehicle_no">
		                </div>
		                <div class="item">
							<p>选择时间</p>
							<div class="c-datepicker-date-editor J-datepickerTime-range mt10" id="datepickerTime">
			                    <i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
			                    <input placeholder="开始日期" name="" class="c-datepicker-data-input" value="">
			                    <span class="c-datepicker-range-separator">-</span>
			                    <input placeholder="结束日期" name="" class="c-datepicker-data-input" value="">
			                </div>
						</div>
		            </div>
		            <div class="j-search-row" style="margin-top: 10px;">
		            	<div class="item ju-select">
							<p>行业类型</p>
							<select name="hytype" id="hytype"></select>
						</div>
		            	<div class="j-search-btn" style="margin-top:0;">
		                    <button class="j-btn" id="searchClick">查询</button>
		                    <button class="j-btn j-btn1" id="resetClick">重置</button>
		                </div>
		            </div>
		            
		        </div>
		    </div>
		    <div class="j-table-con">
		        <div class="border-j-top"></div>
		        <div class="border-j-bottom"></div>
		        <div class="j-table">
		            <div class="cnf_table">
		                <table id="jtable_crosscar"></table>
		            </div>
		        </div>
		    </div>
		</div>
  	</div>	
  	
</div>
<script src="view/table/js/bootstrap.min.js"></script>
<script src="view/table/js/bootstrap-table.js"></script>
<script src="view/time/js/moment.min.js"></script>
<script src="view/time/js/datepicker.all.js"></script>
<script src="js/statistics/echarts-amap.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/jrequest.js"></script>
<script type="text/javascript" src="js/statistics/crossCar.js"></script>